﻿<!DOCTYPE html>

<html class="work-container">
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Authorize</title>
    <link href="/lib/element-plus/index.css" rel="stylesheet" />
    <link href="/work/global.authorize.css" rel="stylesheet" />
</head>
<body class="work-container">
    <div id="app" class="login-container flx-center">
        <div class="login-box">
            <div class="login-left">
                <img class="login-left-img" src="/work/images/login_left.png" />
            </div>
            <div class="login-form">
                <div class="login-logo">
                    <img class="login-icon" src="/work/images/logo_icon.png" />
                    <h2 class="logo-text">{{ title }}</h2>
                </div>
                <el-form ref="formRef" :model="model" :rules="rules" size="large">
                    <el-form-item prop="username">
                        <el-input v-model="model.username" placeholder="请输入用户名">
                            <template #prefix>
                                <el-icon class="el-input__icon"><User></User></el-icon>
                            </template>
                        </el-input>
                    </el-form-item>
                    <el-form-item prop="password">
                        <el-input v-model="model.password" type="password" placeholder="请输入密码" show-password autocomplete="new-password" v-on:keyup.enter.native="login">
                            <template #prefix>
                                <el-icon class="el-input__icon"><Lock></Lock></el-icon>
                            </template>
                        </el-input>
                    </el-form-item>
                </el-form>
                <div class="login-btn">
                    <el-button icon="CircleClose" round size="large" v-on:click="reset"> 重置 </el-button>
                    <el-button icon="UserFilled" round size="large" type="primary" :loading="loading" v-on:click="login">登录</el-button>
                </div>
            </div>
        </div>
    </div>
    <div class="work-init-loading"></div>
    <div class="layout-page-html"></div>
    <script src="/lib/jquery/jquery-3.7.1.min.js"></script>
    <script src="/lib/vue/vue.global.js"></script>
    <script src="/lib/element-plus/index.full.js"></script>
    <script src="/lib/element-plus/index.iife.min.js"></script>
    <script src="/lib/element-plus/zh-cn.js"></script>
    <script src="/work/global.utils.js"></script>
    <script src="/work/global.authorize.js"></script>
</body>
</html>